{# Наследование от базового шаблона #}
{% extends 'base.html' %}

{# Мета-теги для SEO #}
{% block title %}Вход - Корочки.есть{% endblock %}
{% block description %}Войдите в свой аккаунт для доступа к курсам{% endblock %}
{% block keywords %}вход, авторизация, аккаунт{% endblock %}

{% block content %}
{# Контейнер для формы авторизации #}
<div class="auth-form-container">
    {# Заголовок формы #}
    <h2 class="auth-form-title">Добро пожаловать</h2>
    <p class="auth-form-text">Введите свои данные для входа в аккаунт</p>
    
    {# Блок для отображения сообщений об ошибках #}
    {% if messages %}
        {% for message in messages %}
            <div class="alert alert-danger">{{ message }}</div>
        {% endfor %}
    {% endif %}
    
    {# Форма входа в систему #}
    <form method="post">
        {# Защита от CSRF атак #}
        {% csrf_token %}
        
        {# Поле для ввода логина #}
        <div class="mb-3">
            <label for="username" class="form-label">Логин</label>
            <input type="text" class="form-control" id="username" name="username" required>
        </div>
        
        {# Поле для ввода пароля #}
        <div class="mb-4">
            <label for="password" class="form-label">Пароль</label>
            <input type="password" class="form-control" id="password" name="password" required>
        </div>
        
        {# Кнопка отправки формы #}
        <button type="submit" class="btn btn-primary w-100 mb-3">Войти</button>
    </form>
    
    {# Ссылка на страницу регистрации #}
    <div class="text-center">
        <p class="mb-0">Еще не зарегистрированы? <a href="{% url 'register' %}" class="auth-link">Создать аккаунт</a></p>
    </div>
</div>
{% endblock %}